<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">	
	<meta name="apple-mobile-web-app-status-bar-style" content="black">	
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<title>注册新用户</title>
	<link rel="stylesheet" href="../assets/css/main.css" />
	<link rel="stylesheet" href="../assets/libs/iconfont/iconfont.css" />
	<script src="../assets/libs/jquery/1.8.1/jquery.min.js"></script>
	<script src="../assets/libs/layer/layer.js"></script>
	<script src="../assets/js/main.js"></script>
	<style>
	.main{padding:16px;width:998px;margin: 0 auto;border-color:#cce0ff;}
	.form{width:400px;margin: 0 auto;}
	.form input[type=text],.form input[type=password]{margin-bottom: 20px;padding-left:16px;display:block;width:100%;height;38px;line-height:32px;font-size:14px;}
	.form input{outline: none; -webkit-transition: border-color .3s cubic-bezier(.65,.05,.35,.5); transition: border-color .3s cubic-bezier(.65,.05,.35,.5); -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
	.register-title{height:126px;font-size:72px;text-align:center;}
	.register-title img{display:block;margin:0 auto;}
	.form input[type=checkbox]{display:inline-block;}
	.form input[type=submit]{display:block;width:100%;background:#3381ff;color:white;margin:20px 0;padding:0;}
	.form input[type=submit][disabled]{background:grey;}
	.step{width:400px;margin:24px auto;height:40px;color:white;font-style: italic;font-size:18px;}
	.step1,.step2{width:200px;float:left;height:40px;line-height:40px;text-align:center;background:#c2c6cc;position:relative;}
	.step2{background:#66a1ff;}
	.step1:after,.step2:before{content:' ';width:0;height:0;position:absolute;top:0;}
	.step1:after{right:0;border-top:solid 20px white;border-bottom:solid 20px white;border-left:solid 20px #c2c6cc;}
	.step2:before{left:0;border-top:solid 20px #66a1ff;border-bottom:solid 20px #66a1ff;border-left:solid 20px white;}
	a{text-decoration: none;color:grey;}
	</style>
</head>
<body>
  	
  	<div class="header">
  		<div class="container">
  			<a class="header-logo" href="/"><img src="../assets/images/logo.png" /></a>
  		</div>
  	</div>
  	
  	<div class="container">
  	
  		<div class="register-title">
  			<div style="height:46px;"></div>
  			<div style="text-align:center;font-size:36px;">找回密码</div>
  		</div>
  		
		<div class="main">
			<div class="step">
				<div class="step1">1.&nbsp;确认账号</div>
				<div class="step2">2.&nbsp;重置密码</div>
			</div>
  			<form method="POST" class="form">
  				<div style="height:22px;"></div>
  				<input name="reqId" th:value="${reqId}" type="hidden" >
  				<input name="mobile" th:value="${mobile}" type="hidden" >
  				<input name="validateCode" th:value="${validateCode}" type="hidden" >
  				<input id="password" type="password" name="password" data-verify="required" placeholder="密码" />
  				<input type="password" data-verify="required|pass2" placeholder="确认密码" />
  				<input type="submit" value="下一步" />
  			</form>
  		</div>
  		
  		<div style="height:30px;"></div>
  		<div style="text-align:center;color:#999999;">技术支持：广州小马信息科技有限公司</div>
  		<div style="height:60px;"></div>
	</div>
	
	<script>
		$(function(){
			$.verify({
				"pass2":function(){
					var thisVal=$(this).val();
					return $.Deferred(function(deferred){
						var pass=$("#password").val();
						if(pass!=thisVal){
							deferred.reject({errMsg:"两次输入密码不一致"})
							return;
						}
						deferred.resolve();
					}).promise();
				}
			});
		})
	</script>
	
</body>
</html>